<template>
	<view>
		<view class="card" @click="morebtn()">
			<view class="biaoti1"><text>{{it.incomeDescription}}</text></view>
			<view class="biaoti2"><text>{{it.incomeCategory}}</text></view>
			<view class="biaoti3"><text>{{it.incomeDate}}</text></view>
			<view class="biaoti4"><text>+{{it.incomeAmount}}</text></view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			it: {
			  type: Object,
			  required: true
			}
		},
		data() {
			return {

			};
		},
		methods: {
			morebtn() {
				console.log("组件点击");
				this.$emit("morebtn", this.value);
			}
		}
	}
</script>

<style>
	.card {
		margin-top: 10px;
		height: 200upx;
		background-color: #F8F8F8;

	}

	.biaoti1 {
		font-size: 40upx;
		margin-top: 35upx;
		margin-left: -240px;
	}

	.biaoti2 {
		font-size: 30upx;
		margin-top: 15upx;
		color: #666666;
		margin-left: -250px;
	}

	.biaoti3 {
		font-size: 30upx;
		margin-top: 15upx;
		color: #666666;
		margin-left: -390upx;
	}

	.biaoti4 {
		width: 100%;
		font-size: 40upx;
		margin-top: -145upx;
		text-align: right;
		margin-right: 30upx;
		color: #000000;
	}
</style>
